/* 通用样式 */
.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.flex-1 {
  flex: 1;
}

.h-screen {
  height: 100vh;
}

.h-all {
  height: 100%;
}

.fixed-loading {
  position: fixed;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
}

.mt2 {
  margin-top: 8px;
}

.mt3 {
  margin-top: 12px;
}

.ml4 {
  margin-left: 16px;
}

.bgc-gray {
  background-color: gray;
}

.next-view-c {
  z-index: 999;
  background: url('http://s5.music.126.net/static_public/5c21db8d4684556c72180904/gx.4ae36e08269404412ecdb99e9453ca17.svg');
  background-size: 100%;
  left: 50%;
  bottom: 150px;
  width: 40px;
  height: 100px;
  position: fixed;
  /* 网页的性能 translate3d 会开启 gpu 加速
     gpu 利用显存计算页面
  */
  transform: translate3d(-50%, 0, 0);
}